﻿
#box-table-view{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:600px;text-align:left;border-collapse:collapse;margin: 0px;}
#box-table-view table{align:center;}
#box-table-view th{font-size:13px;font-weight:bold;background:#FCD496;color:#000;padding:8px;}
#box-table-view td{width:100px;background:#FEE4BF;color:#666;padding:8px;}
#box-table-view td#checkbo{width:10px;}
#box-table-view tr:hover td{background:#FF6666;color:#000;}

#box-table-a{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:600px;text-align:left;border-collapse:collapse;margin:5px;}
#box-table-a table{align:center;}
#box-table-a th{font-size:13px;font-weight:bold;background:#FCD496;border-top:2px solid #fff;border-bottom:1px solid #fff;color:#000;padding:8px;}
#box-table-a td{width:100px;background:#FEE4BF;border-bottom:1px solid #fff;color:#666;border-top:1px solid transparent;padding:8px;}
#box-table-a td#checkbo{width:10px;}
#box-table-a tr:hover td{background:#FF6666;color:#000;}
#checkbo td {width:10px;}
b{font-size:14px ;}
#box-table-log{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:600px;text-align:left;border-collapse:collapse;margin:5px;}
#box-table-log table{align:center;}
#box-table-log  tr:first-child td{background: #CC3300;border-bottom:1px solid #fff;border-top:1px solid transparent;padding:8px;}

#box-table-log th{font-size:13px;font-weight:bold;background:#FCD496;border-top:2px solid #fff;border-bottom:1px solid #fff;color:#000;padding:8px;}

#box-table-log tr:nth-child(n+2) td{background:#FEE4BF;border-bottom:1px solid #fff;color:#666;border-top:1px solid transparent;padding:8px;}

#box-table-log tr:hover td{background:#FF6666;color:#000;}

#box-table-Pro{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:600px;text-align:left;border-collapse:collapse;margin:5px;}
#box-table-Pro table{align:center;}
#box-table-Pro tr:first-child td{background: #CC3300;border-bottom:1px solid #fff;border-top:1px solid transparent;padding:8px;}

#box-table-Pro th{font-size:13px;font-weight:bold;background:#FCD496;border-top:2px solid #fff;border-bottom:1px solid #fff;color:#000;padding:8px;}

#box-table-Pro tr:nth-child(n+2) td{background:#FEE4BF;border-bottom:1px solid #fff;color:#666;border-top:1px solid transparent;padding:8px;}

#box-table-Pro tr:hover td{background:#FF6666;color:#000;}


#box-table-c{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:600px;text-align:left;border-collapse:collapse;margin:5px;}
#box-table-c table{align:center;}
#box-table-c th{font-size:13px;font-weight:bold;background:#FCD496;border-top:2px solid #fff;border-bottom:1px solid #fff;color:#000;padding:8px;}
#box-table-c td{background:#FEE4BF;border-bottom:1px solid #fff;color:#666;border-top:1px solid transparent;padding:8px;}
#box-table-c tr:hover td{background:#FF9231;color:#000;}

#box-table-group{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:600px;text-align:left;border-collapse:collapse;margin:5px;}
#box-table-group table{align:center;}
#box-table-group th{font-size:13px;font-weight:bold;background:#FCD496;border-top:2px solid #fff;border-bottom:1px solid #fff;color:#000;padding:8px;}
#box-table-group td{background:#FEE4BF;border-bottom:1px solid #fff;color:#666;border-top:1px solid transparent;padding:8px;}
#box-table-group tr:hover td{background:#FF9231;color:#000;}#box-table-addNPro{display:none;}
#box-table-Log{display:none;}
#box-table-LPro{display:none;}
#formName{display:none;}

#box-table-Mac{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:600px;text-align:left;border-collapse:collapse;margin:5px;}
#box-table-Mac table{align:center;}
#box-table-Mac th{font-size:13px;font-weight:bold;background:#FCD496;border-top:2px solid #fff;border-bottom:1px solid #fff;color:#000;padding:8px;}
#box-table-Mac td{background:#FEE4BF;border-bottom:1px solid #fff;color:#666;border-top:1px solid transparent;padding:8px;}
#box-table-Mac td:hover {background:#FF6666;color:#000;}
div.class_st{
    position:relative;
    width:150px; /* à¸à¸³à¸«à¸™à¸”à¸„à¹ˆà¸²à¹ƒà¸«à¹‰à¹€à¸—à¹ˆà¸²à¸à¸±à¸šà¸„à¸§à¸²à¸¡à¸à¸§à¹‰à¸²à¸‡à¹€à¸£à¸´à¹ˆà¸¡à¸•à¹‰à¸™à¸—à¸µà¹ˆà¸•à¹‰à¸­à¸‡à¸à¸²à¸£ */
    height:22px;
    overflow:hidden;
}
div.class_st select{
    position:absolute;
    float:left;
}
table {
    font-size: 1em;
    border: 5px;
    border-spacing: 5px;
    border-color: #881803;
    border-style: solid;
}
/* Overide css code กำหนดความกว้างของปฏิทินและอื่นๆ */
.ui-datepicker{
    width:170px;
    font-family:tahoma;
    font-size:11px;
    text-align:center;
}
div#DivA{
    height:80px;
    position:fixed;
    left:0px;
    top:0px;

    background-color:#000000;
    width:100%;
    z-index: 99;
    border-bottom-color: #cc6600;
    border-bottom-width: 10px;
}
div#DivA{
    background-color:black left top ;
}
div#DivB{
    background-color:#FFCC33;
}
#tableTop{
    
    position: relative;
    height: 80px;
}
body{
    
    background-color: #ffcc99;
}




#formName{
 
}
div#i_containTab{
	position:relative;
	display:block;
	width:600px; /* กำหนดความกว้างทั้งหมด   */
	border:1px solid #CCC;
}
div#group{
	position:relative;
	display:block;
	width:600px; /* กำหนดความกว้างทั้งหมด   */
	border:1px solid #CCC;
}
ul#navi_containTab{
	list-style:none;
	padding:0;
	margin:0;	
	width:100%;
	background-color:#FCF;
}
ul#navi_containTab2{
	list-style:none;
     
       
	padding:0;
	margin:0;	
	width:100%;
	background-color:#FCF;
}
ul#navi_containTab3{
	list-style:none;
     
       
	padding:0;
	margin:0;	
	width:100%;
	background-color:#FCF;
}
ul#navi_containTab li{
	display:block;
	float:left;
	height:30px;	
	width:100px;  /* กำหนดความกว้างทั้งหมด  หารด้วยจำนวนเมนูแท็บ  */
	border:0px solid #CCC;
	line-height:25px;
	cursor:pointer;
	text-align:center;
}
ul#navi_containTab2 li{
	display:block;
	float:left;
	height:30px;	
	width:100px;  /* กำหนดความกว้างทั้งหมด  หารด้วยจำนวนเมนูแท็บ  */
	border:0px solid #CCC;
	line-height:25px;
	cursor:pointer;
	text-align:center;
}
ul#navi_containTab3 li{
	display:block;
	float:left;
	height:30px;	
	width:100px;  /* กำหนดความกว้างทั้งหมด  หารด้วยจำนวนเมนูแท็บ  */
	border:0px solid #CCC;
	line-height:25px;
	cursor:pointer;
	text-align:center;
}

/* class รูปแบบของแต่ละเมนู */
.tabNavi1{
	background-color:#9C3;	
}
.tabNavi2{
	background-color:#C93;		
}
.tabNavi3{
	background-color:#FC9;		
}
.tabNavi4{
	background-color:#C9F;		
}
.tabNavi5{
	background-color:#F93;		
}
.tabNavi6{
	background-color:#F93;		
}

ul#detail_containTab{
	list-style:none;
	padding:0;
	margin:0;	
	width:100%;	
}
ul#detail_containTab li{
	float:left;
	
}
/* class รูปแบบของแต่ละเนื้อหา */
.detailContent1{
	
	display:block;
}
.detailContent2{
	
	display:none;
}

#b{
style="position:absolute; 

}
.jqbox_innerhtml
{
    position:         fixed;
    width:            500px;
    height:           200px;
    margin:           5% auto;
    padding:          10px;
    background-color: #FFF;
    border:           5px solid #CCC;
    z-index:          200;
    box-shadow:       #000 0 2px 18px;
  top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -250px;
}